<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="icon/iconfont.css">
    <title>红哥手机</title>
</head>

<body>
    <div class="header">
        <div class="container header_nav">
            <div class="row">
                <div class="col-sm-8">
                    <ul class="nav">
                        <li class="nav-item">
                            <a class="nav-link" href="#">米米商城</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">MIUI</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">loT</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link">云服务</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link">天星教科</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link">有品</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link">小爱开放平台</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link">企业团购</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link">下载App</a>
                        </li>
                    </ul>
                </div>
                <div class="col-sm-4">
                    <ul class="nav justify-content-end">
                        <li class="nav-item">
                            <a id="name" class="nav-link" href="register.html">登录</a>
                        </li>
                        <li class="nav-item">
                            <a id="xs" class="nav-link" href="logon.html" >注册</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">消息通知</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link"><font class="iconfont">&#xe600;</font>&nbsp;&nbsp;&nbsp;购物车(0)</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="bar">
        <div class="container">
            <div class="row bar_top">
                <div class="col-sm-1">
                    <img src="image/index/logo-mi2.png" alt="" >
                </div>
                <div class="col-sm-8 justify-content-center">
                    <ul class="nav">
                        <li class="nav-item">
                            <a class="nav-link" href="#">全部商品分类</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">Xiaomi手机</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">Redmi红米</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">电视</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">笔记本</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">平板</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">家电</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">路由器</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">服务</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">社区</a>
                        </li>
                    </ul>
                </div>
                <div class="col-sm-3">
                    <input type="search" placeholder="搜索">
                    <button><span class="iconfont">&#xe6dd;</span></button>
                </div>
            </div>
            <div class="row bar_bottom">
                <div class="col-sm-6">
                    <span style="font-size: 18px;">红米手机移动版/联通版</span>
                    <span style="font-size: 12px;">|</span>
                    <span style="font-size: 12px;">18移动版</span>
                    <span style="font-size: 12px;">|</span>
                    <span style="font-size: 12px;">18联通版电信版</span>
                </div>
                <div class="col-sm-6">
                    <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
                        <li class="nav-item" role="presentation">
                            <a class="nav-link active" id="pills-home-tab" data-toggle="pill" href="#pills-home">功能</a>
                        </li>
                        <span>|</span>
                        <li class="nav-item" role="presentation">
                            <a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-profile">MIUI</a>
                        </li>
                        <span>|</span>
                        <li class="nav-item" role="presentation">
                            <a class="nav-link" id="pills-contact-tab" data-toggle="pill" href="#pills-contact">图集</a>
                        </li>
                        <span>|</span>
                        <span>参数</span>
                        <span>|</span>
                        <span>评测与讨论</span>
                        <span>|</span>
                        <span>F码通道</span>
                        <button><a href="purchase.html">立刻购买</a></button>
                    </ul>
                </div>
            </div>

            <div class="row bar_paging">
                <div class="tab-content" id="pills-tabContent">
                    <!-- 第一个分页 -->
                    <div class="bar_paging_one tab-pane fade show active" id="pills-home">
                        <div class="container">
                            <div class="row">
                                <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
                                    <div class="carousel-inner">
                                      <div class="carousel-item active">
                                        <img src="image/index/hm-head-04.jpg" class="d-block w-100" alt="...">
                                      </div>
                                      <div class="carousel-item">
                                        <img src="image/index/hm-head-05.jpg" class="d-block w-100" alt="...">
                                      </div>
                                    </div>
                                   <button class="carousel-control-prev" type="button" data-target="#carouselExampleControls" data-slide="prev">
                                      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                      <span class="sr-only">Previous</span>
                                    </button>
                                    <button class="carousel-control-next" type="button" data-target="#carouselExampleControls" data-slide="next">
                                      <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                      <span class="sr-only">Next</span>
                                    </button>
                                  </div>
                            </div>
                            <div class="row " style="background-image: url('image/index/hm-conA-01.jpg');">
                                <h2 class="col-md-12 text-center">千元性能神器</h2>
                                <p class="col-md-12 text-center">MTK联发科最强28纳米四核1.5GHz</p>
                                <span class="col-md-12 text-center">搭载最新28纳米工艺MT6589
                                    Turbo四核1.5GHz，采用Cortex-A7超低功耗架构，堪称千元级四核最强者!</span>
                                <span class="col-md-12 text-center">使用PowerVR系列最高型号SGX544图开处理芯片，硬件解码H.264
                                    1080p视频，3D游戏也可以流畅运行。</span>
                            </div>
                            <div class="row" style="background: url('image/index/hm-conB-02.jpg') no-repeat 620px 0;">
                                <h2>千元屏幕神器</h2>
                                <p>夏普/友达(苹果供应商)4.7英寸IPS视网膜屏</p>
                                <span>分辨率高达1280X720，显示精度高达312PPI。</span>
                                <span>可显示1600万种颜色的IPS屏,拥有更广的可视角度,</span>
                                <span>和良好的色彩与反应速度。</span>
                            </div>
                        </div>
                    </div>
                    <!-- 第二个分页 -->
                    <div class="bar_paging_two tab-pane fade" id="pills-profile">
                        <div class="container">
                            <div class="row ">
                                <img src="image/index/miui2.jpg"  >
                            </div>
                            <div class="row">
                                <img src="image/index/miui-1.jpg" alt="">
                                <p >网络短信帮您节省费用，新增短信置]顶和私密x豆信功能，让重要和私密各得其所;更有帮您省时、省力的定时短信，群发短信时自动添加智能称呼。</p>
                            </div>
                            <div class="row">
                                <img src="image/index/miui-2.jpg" alt="">
                                <h2>支持Android应用与游戏</h2>
                                <span>可以使用超过60万应用与游戏</span>
                                <p>优秀的应用使MIUI米柚系统更强大，无论游戏、拍照、聊天、办公都附钧找到合适的应用，支持超过60万款Android应用与游戏.使用小米应用商店，你就会发现最新最好玩的应用。一键安装，轻松管理。</p>
                            </div>
                        </div>
                    </div>
                    <!-- 第三个分页 -->
                    <div class="bar_paging_three tab-pane fade" id="pills-contact">
                        <div class="container" style="width: 1230px;padding-right: 0;">
                            <div class="box">
                                <div class="left">
                                    <img id="tu1" src="image/index/1.jpg" alt="">
                                </div>
                                <div class="right">
                                    <ul id="tu">
                                        <li><img src="image/index/1.jpg" alt=""></li>
                                        <li><img src="image/index/2.jpg" alt=""></li>
                                        <li><img src="image/index/3.jpg" alt=""></li>
                                        <li><img src="image/index/4.jpg" alt=""></li>
                                        <li><img src="image/index/5.jpg" alt=""></li>
                                        <li><img src="image/index/6.jpg" alt=""></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- <div class="footer">
        <div class="container" style="margin-top: 50px;">
            <hr>
            <div class="footer_box">
                <div class="footer_left">
                    <ul>
                        <li>
                            <h2>帮助中兴</h2>
                            <p>账户管理</p>
                            <p>购物指南</p>
                            <p>订单操作</p>
                        </li>
                        <li>
                            <h2>帮助中兴</h2>
                            <p>账户管理</p>
                            <p>购物指南</p>
                            <p>订单操作</p>
                        </li>
                        <li>
                            <h2>帮助中兴</h2>
                            <p>账户管理</p>
                            <p>购物指南</p>
                            <p>订单操作</p>
                        </li>
                        <li>
                            <h2>帮助中兴</h2>
                            <p>账户管理</p>
                            <p>购物指南</p>
                            <p>订单操作</p>
                        </li>
                        <li>
                            <h2>帮助中兴</h2>
                            <p>账户管理</p>
                            <p>购物指南</p>
                            <p>订单操作</p>
                        </li>
                        <li>
                            <h2>帮助中兴</h2>
                            <p>账户管理</p>
                            <p>购物指南</p>
                            <p>订单操作</p>
                        </li>
                    </ul>
                </div>
                <div class="footer_right">
                    <h2>400-100-5678</h2>
                    <span>9:00-18:00(仅收市话费)</span>
                    <br>
                    <a href="#">人工客服</a>
                    <p>关注小米</p>
                </div>
            </div>
        </div>
    </div> -->
    <div class="mainf">
        <div class="flooter">
            <div class="flooter_top">
                <ul>
                    <li><span class="iconfont">&#xe62e;</span>预约维修服务</li>
                    <li><span class="iconfont">&#xe61f;</span>7天无理由退货</li>
                    <li><span class="iconfont">&#xe606;</span>15天免费换货</li>
                    <li><span class="iconfont">&#xe603;</span>满69元包邮</li>
                    <li><span class="iconfont">&#xe675;</span>520余家售后网点</li>
                </ul>
            </div>
            <div class="flooter_bottom">
                <ul class="flooter_bottom_left">
                    <li>
                        <h2>帮助中心</h2>
                        <p>账户管理</p>
                        <p>购物指南</p>
                        <p>订单操作</p>
                    </li>
                    <li>
                        <h2>服务支持</h2>
                        <p>售后政策</p>
                        <p>自助服务</p>
                        <p>相关下载</p>
                    </li>
                    <li>
                        <h2>线下门店</h2>
                        <p>小米之家</p>
                        <p>服务网点</p>
                        <p>授权体验店专区</p>
                    </li>
                    <li>
                        <h2>关于小米</h2>
                        <p>了解小米</p>
                        <p>加入小米</p>
                        <p>投资者关系</p>
                        <p>企业社会责任</p>
                        <p>廉洁举报</p>
                    </li>
                    <li>
                        <h2>关注我们</h2>
                        <p>新浪微博</p>
                        <p>官方微信</p>
                        <p>联系我们</p>
                        <p>公益基金会</p>
                    </li>
                    <li>
                        <h2>特色服务</h2>
                        <p>F码通道</p>
                        <p>礼物码</p>
                        <p>防伪查询</p>
                    </li>
                </ul>
                <div class="flooter_bottom_right">
                    <h2>400-100-5678</h2>
                    <p>8:00-18:00 (仅收市话费)</p>
                    <a href="#">人工客服</a>
                    <p>关注小米 <span class="iconfont">&#xe601;
                    </span> <span class="iconfont">&#xe602;</span></p>
                </div>
            </div>
        </div>
    </div>
   
    <script src="js/jquery.slim.min.js"></script>
    <script src="js/bootstrap.bundle.min.js"></script>
    <script src="js/index.js">
    </script>
</body>

</html>